

<%@page import="java.sql.ResultSet"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="Conectar.jsp"%>
<!DOCTYPE html>
<html>

   
   <head> 
 
  
      <title>Profissionais de Praia Grande</title>
	   
	   
	  
	  <!-- chama css principal para todas as páginas -->
	  <link rel="stylesheet" type="text/css" href="css/geral.css">
	   <style type="text/css">
	  
	    /* zerar as margens da página*/
	  *{
	  margin:0;
	  padding:0;
	   
	  }
	   /* label email*/
	  #login{
	   
      position:absolute;
       float:left;
	    left:500px;
		top:5px;
		height:25px;
	  display:block;
	  border:1px solid black;
	  
        
	   }
	   #login:hover{
	   box-shadow:5px 5px 5px black;
	   
	   }
	    /* input email*/
	   #email{
	   position:absolute;
       float:left;
	    border:0px;
		top:12px;
		left:450px;
		top:15px;
		color:black;
	   }
	   
	    /* label senha*/
	    #senha{
	   position:absolute;
       float:left;
	   left:650px;
	    border:0px;
		top:15px;
		color:black;
	   }
	    /* input senha*/
	   #password1{
	   
	   position:absolute;
       float:left;
	    left:700px;
		top:5px;
		height:25px;
	  display:block;
	  border:1px solid black;
	  
	   
	   
	   }
	    #password1:hover{
	   box-shadow:5px 5px 5px black;
	   
	   }
	    /* input para logar no sistema*/
	   #botao{
	   position:absolute;
       float:left;
	    left:850px;
	   border:1px solid black;
		top:8px;
		
		color:white;
		background-image: linear-gradient(to right, white, black);
	   
	   }
	    #botao:hover{
	  background-image: linear-gradient(to right, white, red);
	  color:green;
	   
	   }
	    /* tdiv cadastro*/
	   #cadastro{
	   position:absolute;
       float:left;
       left:0%;
       width:98%;
       height:4900px;
       top:40px;
	   border: 1px solid black;
       border-radius: 10px;

    background-image: linear-gradient(to bottom, white, white);
	   
	   
	   }
	    
	   /* input caixa busca*/
	   
	   #busca{
	   
	    position:relative;
       float:left;
	    left:200px;
		top:200px;
		width:500px;
		height:65px;
	  
	  border:1px solid gray;
	  text-align:center;
	  color:gray;
	 
	   
	   }
	  
	    /* input botão para busca*/
	   #buscar{
	   
	    position:relative;
       float:left;
	    left:150px;
	
		top:210px;
		width:40px;
		height:37px;
		border:0px;
		background-image: url("img/lupa.png");
		background-repeat:no-repeat;
	   }
	   
	  
	   
	   
	  /* label cadastro de profissional*/
	  #profissional{
	  
	  position:absolute;
	  float:left;
	  left:700px;
	  font-size:12px;
	  text-decoration:none;
	  color:black;
	  }
	  #profissional:hover{
	  font-size:14px;
	  color:blue;
	  }
          #cliente{
              
              position:absolute;
	  float:left;
	  left:50px;
	  font-size:12px;
	  text-decoration:none;
	  color:black;
          }
          #cliente:hover{
	  font-size:14px;
	  color:blue;
	  }
          #encerrarConta{
           position:absolute;
	  float:left;
	  left:550px;
          top:180px;
	  font-size:12px;
	  text-decoration:none;
	  color:black;
          }
          #encerrarConta:hover{
	  font-size:14px;
	  color:blue;
	  }
	  
	     #tabela{ 
			position:relative;
			float:left;
			left:0px;
			width:100%;
			top:200px;
			text-align:center;
			
			}
			
			    #td1{
			font-size:16px;
			font-weight:bold;
			font-family:arial;
			color:black;
		   	background-image: linear-gradient(to bottom, white, gray);
			opacity:0.3;
			border:0;
			}
			#td1:hover{
			
			background-image: linear-gradient(to top, white, black);
			}
			label#cores{
			color:gray;
			font-family:arial;
			font-size:12px;
			}
			
			
			a#voltar{
			
			position:relative;
			float:left;
			left:70%;
			text-decoration:none;
			font-family:arial;
			font-size:12px;
			}
             #td2{
			 position:relative;
			 float:left;
			 left:360px;
			 border:0;
			 text-align:justify;
			 font-family:arial;
			font-size:14px;
			 }
			 #td3{
			  
			color:blue;
			 border:0;
			 text-align:center;
			 font-family:arial;
			font-size:14px;
			 }
                         .esconder{
                             visibility:hidden;
                         }
                         #nota{
                             color:blue;
			 border:0;
			 text-align:center;
			 font-family:arial;
			font-size:30px;
                         }
                         #fonte{
                         color:green;
			 font-family:arial;
			font-size:12px;
                         }
                         #btnAvaliar{
                             color:yellow;
                             background-color:green;
                             height:30px;
                         }

	   </style>
	  
	  
	  
	 
   </head>
    
   <body >
   <!-- Menu horizontal em cima da página -->
       <div id="barraMenu">  <a class="fonte" id="home" href="index.jsp" title="Ir para a p&aacute;gina inicial.">Home</a>
	   <a  class="fonte" id="empresa" href="equipe.jsp" title="Informa&ccedil;&otilde;es sobre a empresa.">Equipe </a>
           <a class="fonte" id="esq_senha" href="recuperarSenha.jsp"  title="Clique aqui para redefinir sua senha."> Esque&ccedil;eu a Senha?</a></div>
	    <!-- div que limita o tamanho do corpo do documento em 1024 X 768-->
	   <div id="corpo">
	    <form action="login.jsp" method="post">
		<!-- componentes para logar no sistema -->
	       <label  id="email" class="fonte" >Email:</label>
		    <input type="email" id="login" name="TXTEMAIL" value="" title="Digite aqui seu email"/>
		    <label  id="senha" class="fonte" >Senha:</label>
		    <input type="password"  id="password1" name="TXTSENHA" value="" title="Digite aqui sua senha"/>
			<input  type="submit" id="botao"  value="ok" title="Clique aqui para logar no sistema" />
			</form>
		
		     <!-- div onde esta  a caixa de busca-->
		     <div id="cadastro">
			 <!--logo marca da empresa-->
			 
			 <img src="img/logo2.png" id="logo"/>
			 <img src="img/logo.png" id="logo"/>
			 <!-- link para cadastrar profissionais no sistema -->
			 <a  href="cadastro.jsp" id="profissional" title="Clique neste link e cadastre-se para oferecer seus serviços">Profissional Cadastre-se aqui! </a>
                         <a  href="cadastroCliente.jsp" id="cliente" title="Cadastre-se aqui para avaliar um profissional!">Cadastre-se para avaliar um profissional! </a>
                          <a  href="deletarCliente.jsp" id="encerrarConta" title="Cadastre-se aqui para avaliar um profissional!">Encerar conta de usuario! </a>
			
					 <!-- caixa para realização da busca -->
					 <form action="" method="post">
				 <input type="text"  id="busca" name="TXTBUSCA"  title="Digite aqui o tipo de profissional que deseja encontrar."/>
				 <!-- botão para realizar busca-->
				 <input  type="submit"   id="buscar"  value="" title="Clique para efetuar sua busca."/>
				 </form>
				   
                                         <%
                                         //consulta no banco
                                         String mensagem;
                                         String procurar= (String)request.getParameter("TXTBUSCA");
                                              if(request.getParameter("TXTBUSCA")!=null){
                                                  
                                                   try{
                  String qry="SELECT * FROM profissionais WHERE  CHAVE   like '%" + procurar + "%' OR NOME like '%" + procurar + "%' "
                          + "OR TEXTO like '%" + procurar + "%' OR TELEFONE like '%" + procurar + "%' OR EMAIL like '%" + procurar + "%'" ;
                 ResultSet rs= sql.executeQuery(qry);
                 while(rs.next()){
                     boolean result=true;
                      //tabela onde os resultados
                    out.print("<table border=0 id='tabela'>"+
                            "<tr><td id='td1'>"+ rs.getString("NOME") + "</td><br></tr>"+
                            "<tr><td id='td3'>"+ rs.getString("TEXTO") + "</td><br></tr>"+
                            "<tr><td id='td2'><label id='cores'>Email:</label>"+ rs.getString("EMAIL") + "</td><br></tr>"+
                            "<tr><td id='td2'><label id='cores'>Telefone:</label>"+ rs.getString("TELEFONE") + "</td><br><br><br></tr>"+
                            "<tr><td id='td2'><a id='voltar' style='color:green'>Avaliar Profissional</a><br></td></tr>"+
                            "<form action='avaliar.jsp' method='post'>"+
                            "<tr><td id='td2' ><label id='fonte'>Email:</label> <input type='text' size='20' name='TXTCEMAIL' ><br></td></tr>"+
                            "<tr><td id='td2' ><label id='fonte'>Senha:</label> <input type='password' size='19.3' name='TXTCSENHA' ><br>"
                            + "<label id='fonte'>Nota de 0 a 10:</label><input type='text' size='5' name='TXTNOTA'><input id='btnAvaliar' type='submit' value='Avaliar'></td></tr>"+
                             "<tr><td id='td2' >"+"Avaliado como profissional:<label id='nota'> +"+rs.getString("NOTA")+"</label>"+"</td></tr>"+
                             "<tr><td id='td2' class='esconder'><input type='text' size='30' name='TXTXAVALIAR' value="+rs.getString("EMAIL")+"></td></tr>"+
                            "<tr><td id='td2' class='esconder'><input type='text' size='30' name='TXTNOTAATUAL' value="+rs.getString("NOTA")+"></td></tr>"+
                            
                             "</form>"+
                            
                             "</table>" );
		   
                    
                    
                 }
             }catch(Exception e){}
                                              }
                                             %>



			 </div>
			 
			 
	   		 
	   </div>
	   
   </body>
   
</html>
